<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    学习目标

        能够使用rem单位

        能够使用媒体查询的基本语法
        
        能够使用Less的基本语法
        
        能够使用Less中的嵌套
        
        能够使用Less中的运算
        
        能够使用2种rem适配方案
        
        能够独立完成苏宁移动端首页


    学习内容

        rem基础

        媒体查询

        Less基础

        rem适配方案

        苏宁首页案例制作


    什么方案能解决以下问题?

        1．页面布局文字能否随着屏幕大小变化而变化?

        2．流式布局和flex布局主要针对于宽度布局，那高度如何设置?

        3．怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放?

    
    1.rem基础

        rem单位

        rem (root em)是一个相对单位，类似于em , em是父元素字体大小。
        
        不同的是rem的基准是相对于html元素的字体大小。

        比如，根元素( html ）设置font-size=12px,非根元素设置width:2rem;,则换成px表示就是24px。

     -->
</body>
</html>